#main-slide
  padding 5rem
  position relative

  &::after
    content ''
    background-color white
    position absolute
    top 2.5rem
    right 0
    bottom 2.5rem
    width 55%
    z-index -1

  .carousel-inner,
  .carousel-item
    height: 100%

  .carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active
    display flex

  .carousel-item
    align-items center

    img
      width 60%
      max-width 600px

  .carousel-indicators
    margin 0 1em
    justify-content flex-start

  h3
    color #333
    font-size 2.25rem
    line-height 2
    margin-bottom .5em

  @media (min-width $md-min-width) and (max-width $md-max-width)
    padding 4rem 2rem

    h3
      font-size 2rem

  @media (min-width $sm-min-width) and (max-width $sm-max-width)
    padding 4rem 2rem

    h3
      font-size 1.5rem

    p
      font-size .875rem

  @media (max-width $xs-max-width)
    height auto
    padding 1.25rem 0

    &::after
      top 1.25rem
      bottom 1.25rem
      width 66%

    .carousel-indicators
      padding-bottom 1rem

      li
        max-width 1.5rem
        height 2px

    h3
      font-weight normal
      font-size 1.25rem
      margin-bottom 0

    img
      width 160px
      height 110px
      margin 1rem 0
      object-fit cover